{% extends 'base.html'%}

{% block content %}
	<!-- Jumbotron -->
    <div class="jumbotron">
            <div id="myCarousel" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
              <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
              <li data-target="#myCarousel" data-slide-to="1"></li>
              <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
              <div class="item active">
                <img src="/static/img/mom-and-baby1.jpg" alt="Chania">
                <div class="carousel-caption">
                  <h3>Buy</h3>
                  <p>Some diapers</p>
                </div>
              </div>

              <div class="item">
                <img src="/static/img/gift-548293_1280.jpg" alt="Chania">
                <div class="carousel-caption">
                  <h3>Gifts</h3>
                  <p>Yay! gifts.</p>
                </div>
              </div>

              <div class="item">
                <img src="/static/img/100_4046_1.JPG" alt="Flower">
                <div class="carousel-caption">
                  <h3>Hike</h3>
                  <p>himalayas.</p>
                </div>
              </div>
            </div>

            <!-- Left and right controls -->
            <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
              <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
              <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </a>
          </div>

            
        </div>
      <!-- Site footer -->
      <footer class="footer">
        <p>&copy; Company 2014</p>
      </footer>

    <script src="/static/js/jquery.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/js/docs.min.js"></script>

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="/static/js/ie10-viewport-bug-workaround.js"></script>
  </body>
</html>
{% endblock %}